<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>地图导航</title>
    <style>
        * {
          margin: 0;
          padding: 0;
        }
        #container {
          width: 100%;
          height: 100vh;
        }
      </style>

</head>
<body>
<div id="container"></div>
<script type="text/javascript">
        window._AMapSecurityConfig = {
            securityJsCode:'4eccd23c602bddc1731e108683a0f6e1',
        }
  </script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=6369b4674dddba1d44318a154d41f2ad"></script>
<script>
    var map = new AMap.Map("container", {
       zoom: 15, //级别
       center: [116.397428, 39.90923], //中心点坐标
     })
    window.onload = async function () {
        if(window.shenling) {
          shenling.getLocation("getLocation")
        }
     }
      function getLocation(lon, lat) {
        map.setZoomAndCenter(18, [lon, lat])
        map.plugin(["AMap.PlaceSearch"], function () {
          var MSearch = new AMap.PlaceSearch({
            pageSize: 4,
            pageIndex: 1, //请求页码，默认1
            extensions: "base", //返回信息详略，默认为base（基本信息）
          }) //构造PlaceSearch类
          AMap.event.addListener(MSearch, "complete", (result) => {
           shenling.receiveData("search_list",JSON.stringify(result?.poiList?.pois || []))
          }) //返回结果
          MSearch.searchNearBy("地点", new AMap.LngLat(lon, lat)) //关键字查询
        })
      }
   </script>
</body>
</html>